<template>
  <div>
    <!--首页底部组件-->
    <footer class="bottombox">
      <div class="leftbox">
        <h3>￥<span>0</span></h3>
        <span class="bmspanone"><b>|</b></span>
        <span class="bmspantwo">另需配送￥4元</span>
      </div>
      <div class="rightbox" @click="totalprices()">
        <h4>￥20起送</h4>
      </div>
    </footer>
    <div class="greatCircle" @click="showPopup()">
      <p class="smallCircle">
        <van-icon name="shopping-cart" size="24" color="#80858a" />
      </p>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props:['eflag'],
  name: "",
  data() {
    return {};
  },
  mounted() {},
  methods: {
    showPopup(){
      this.$emit('showPopup')
    },
    totalprices(){

    }
  },
  computed: {},
  watch: {},
};
</script>

<style lang="scss" scoped>
.bottombox {
  width: 100%;
  height: 46px;
  line-height: 46px;
  background-color: #141d27;
  position: fixed;
  text-align: center;
  bottom: 0;
  left: 0;
  z-index: 10;
  
  display: flex;
  justify-content: space-between;
  .leftbox {
    flex: 1;
    display: flex;
    align-items: center;
    h3 {
      font-size: 16px;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.4);
      padding-left: 80px;
      margin-right: 12px;
    }
    .bmspanone {
      color: rgba(255, 255, 255, 0.2);
      font-size: 12px;
      margin-right: 12px;
    }
    .bmspantwo {
      font-size: 12px;
      color: rgba(255, 255, 255, 0.4);
      font-weight: 700;
    }
  }
  .rightbox {
    width: 105px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.4);
  }
}
.greatCircle {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  border-radius: 50%;
  background-color: #141d27;
  position: fixed;
  left: 18px;
  bottom: 0;
  z-index: 12;

  .smallCircle {
    width: 44px;
    display: inline-block;
    margin-left: 7px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    padding-top: 5px;
  }
}
</style>
